<?php /* Smarty version Smarty-3.0.6, created on 2025-08-13 15:54:11
         compiled from "D:\wwwroot\gushi-v2/tpl\v2/profile.html" */ ?>
<?php /*%%SmartyHeaderCode:25056689c44a31d4347-66711110%%*/if(!defined('SMARTY_DIR')) exit('no direct access allowed');
$_smarty_tpl->decodeProperties(array (
  'file_dependency' => 
  array (
    'd111ec4459cde753f2281b60f055b1cce3a880ef' => 
    array (
      0 => 'D:\\wwwroot\\gushi-v2/tpl\\v2/profile.html',
      1 => 1755071483,
      2 => 'file',
    ),
  ),
  'nocache_hash' => '25056689c44a31d4347-66711110',
  'function' => 
  array (
  ),
  'has_nocache_code' => false,
)); /*/%%SmartyHeaderCode%%*/?>
<?php $_template = new Smarty_Internal_Template("v2/header.html", $_smarty_tpl->smarty, $_smarty_tpl, $_smarty_tpl->cache_id, $_smarty_tpl->compile_id, null, null);
 echo $_template->getRenderedTemplate();?><?php $_template->updateParentVariables(0);?><?php unset($_template);?>
<main class="pt-24 pb-16">
    <div class="container mx-auto px-4">
      <!-- 路径导航 -->
      <section class="mb-8 text-sm text-lightink scroll-reveal">
        <a href="index.html" class="hover:text-cinnabar transition-colors">首页</a>
        <span class="mx-2"><i class="fa fa-angle-right"></i></span>
        <span>个人中心</span>
      </section>
      
      <!-- 个人资料头部 -->
      <section class="mb-10 scroll-reveal">
        <div class="profile-header shadow-sm">
          <div class="profile-cover">
            <button class="absolute right-2rem top-2rem bg-ink/30 text-rice px-4 py-2 rounded-full text-sm hover:bg-ink/50 transition-colors">
              <i class="fa fa-camera mr-1"></i> 更换封面
            </button>
            <div class="avatar-container">
              <img src="https://picsum.photos/id/64/200/200" alt="用户头像" class="w-full h-full object-cover">
            </div>
          </div>
          
          <div class="profile-info">
            <div class="flex flex-col md:flex-row md:items-end justify-between">
              <div>
                <h1 class="text-2xl font-song font-bold mb-1">李白爱好者</h1>
                <p class="text-lightink">古典诗词爱好者 · 注册于2023年3月</p>
              </div>
              <button class="mt-4 md:mt-0 bg-cinnabar text-rice px-6 py-2 rounded-full hover:bg-opacity-90 transition-all duration-300">
                编辑资料
              </button>
            </div>
            
            <div class="profile-stats flex mt-6">
              <div class="stat-item">
                <p class="text-2xl font-bold">24</p>
                <p class="text-sm text-lightink">发布作品</p>
              </div>
              <div class="stat-item">
                <p class="text-2xl font-bold">1.2k</p>
                <p class="text-sm text-lightink">获得点赞</p>
              </div>
              <div class="stat-item">
                <p class="text-2xl font-bold">356</p>
                <p class="text-sm text-lightink">关注者</p>
              </div>
              <div class="stat-item">
                <p class="text-2xl font-bold">89</p>
                <p class="text-sm text-lightink">已关注</p>
              </div>
            </div>
          </div>
        </div>
      </section>
      
      <!-- 内容标签页 -->
      <section class="scroll-reveal">
        <div class="flex border-b border-gray-200 mb-6">
          <button class="tab-button active py-3 px-6 font-song text-cinnabar border-b-2 border-cinnabar" data-tab="works">
            我的作品
          </button>
          <button class="tab-button py-3 px-6 font-song text-lightink hover:text-ink" data-tab="collections">
            我的收藏
          </button>
          <button class="tab-button py-3 px-6 font-song text-lightink hover:text-ink" data-tab="activity">
            我的动态
          </button>
          <button class="tab-button py-3 px-6 font-song text-lightink hover:text-ink" data-tab="settings">
            账户设置
          </button>
        </div>
        
        <!-- 我的作品 -->
        <div class="tab-content active" id="works">
          <div class="grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 gap-6">
            <!-- 作品卡片1 -->
            <div class="bg-paper rounded-xl overflow-hidden shadow-sm hover:shadow-md transition-shadow">
              <img src="https://picsum.photos/id/91/400/300" alt="用户画作" class="w-full h-48 object-cover">
              <div class="p-4">
                <h3 class="font-song font-medium mb-1">《静夜思》插画</h3>
                <p class="text-sm text-lightink mb-3">发布于 2023-10-15</p>
                <div class="flex items-center justify-between">
                  <div class="flex items-center text-sm">
                    <span class="flex items-center text-lightink mr-4"><i class="fa fa-heart-o mr-1"></i> 128</span>
                    <span class="flex items-center text-lightink"><i class="fa fa-comment-o mr-1"></i> 24</span>
                  </div>
                  <div class="text-cinnabar cursor-pointer hover:opacity-80">
                    <i class="fa fa-ellipsis-h"></i>
                  </div>
                </div>
              </div>
            </div>
            
            <!-- 作品卡片2 -->
            <div class="bg-paper rounded-xl overflow-hidden shadow-sm hover:shadow-md transition-shadow">
              <div class="p-6 h-48 flex flex-col justify-center items-center bg-cinnabar/5">
                <i class="fa fa-file-text-o text-4xl text-cinnabar mb-3"></i>
                <h3 class="font-song font-medium text-center">《秋兴》仿作</h3>
                <p class="text-sm text-lightink text-center mt-1">七言律诗</p>
              </div>
              <div class="p-4">
                <p class="text-sm text-lightink mb-3">发布于 2023-09-28</p>
                <div class="flex items-center justify-between">
                  <div class="flex items-center text-sm">
                    <span class="flex items-center text-lightink mr-4"><i class="fa fa-heart-o mr-1"></i> 89</span>
                    <span class="flex items-center text-lightink"><i class="fa fa-comment-o mr-1"></i> 15</span>
                  </div>
                  <div class="text-cinnabar cursor-pointer hover:opacity-80">
                    <i class="fa fa-ellipsis-h"></i>
                  </div>
                </div>
              </div>
            </div>
            
            <!-- 更多作品卡片... -->
          </div>
          
          <div class="text-center mt-10">
            <button class="border-2 border-ink text-ink px-8 py-3 rounded-full hover:bg-ink hover:text-rice transition-all duration-300 font-song">
              查看全部作品
            </button>
          </div>
        </div>
        
        <!-- 我的收藏 (默认隐藏) -->
        <div class="tab-content" id="collections">
          <!-- 收藏内容 -->
          <div class="space-y-4">
            <!-- 收藏项1 -->
            <div class="bg-paper rounded-xl p-4 flex items-center shadow-sm hover:shadow-md transition-shadow">
              <img src="https://picsum.photos/id/24/100/100" alt="诗词封面" class="w-16 h-16 object-cover rounded-lg mr-4">
              <div class="flex-1">
                <h3 class="font-song font-medium">《将进酒》- 李白</h3>
                <p class="text-sm text-lightink">唐代 · 七言古诗</p>
              </div>
              <button class="text-lightink hover:text-cinnabar transition-colors">
                <i class="fa fa-heart"></i>
              </button>
            </div>
            
            <!-- 更多收藏项... -->
          </div>
        </div>
        
        <!-- 我的动态 (默认隐藏) -->
        <div class="tab-content" id="activity">
          <!-- 动态内容 -->
          <div class="space-y-6">
            <!-- 动态项1 -->
            <div class="bg-paper rounded-xl p-4 shadow-sm">
              <div class="flex items-start">
                <div class="w-8 h-8 rounded-full bg-cinnabar/10 flex items-center justify-center mr-3 mt-1">
                  <i class="fa fa-heart text-cinnabar"></i>
                </div>
                <div>
                  <p class="text-lightink">您点赞了 <span class="text-ink">王维</span> 的作品 《山居秋暝》</p>
                  <p class="text-xs text-lightink/70 mt-1">2小时前</p>
                </div>
              </div>
            </div>
            
            <!-- 更多动态项... -->
          </div>
        </div>
        
        <!-- 账户设置 (默认隐藏) -->
        <div class="tab-content" id="settings">
          <!-- 设置表单 -->
          <div class="bg-paper rounded-xl p-6 shadow-sm max-w-2xl">
            <h3 class="text-xl font-song font-bold mb-6">账户设置</h3>
            
            <div class="space-y-6">
              <div>
                <label class="block text-sm font-medium mb-2">用户名</label>
                <input type="text" value="李白爱好者" class="w-full p-3 border border-gray-200 rounded-lg focus:outline-none focus:ring-2 focus:ring-cinnabar/50">
              </div>
              
              <div>
                <label class="block text-sm font-medium mb-2">个人简介</label>
                <textarea rows="3" class="w-full p-3 border border-gray-200 rounded-lg focus:outline-none focus:ring-2 focus:ring-cinnabar/50">热爱古典文学，尤其喜爱唐诗宋词，尝试学习创作古诗词。</textarea>
              </div>
              
              <div>
                <label class="block text-sm font-medium mb-2">密码修改</label>
                <button class="text-cinnabar hover:underline">点击修改密码</button>
              </div>
              
              <div>
                <label class="block text-sm font-medium mb-2">通知设置</label>
                <div class="flex items-center mb-2">
                  <input type="checkbox" id="notify-like" checked class="mr-2">
                  <label for="notify-like">有人点赞我的作品时通知我</label>
                </div>
                <div class="flex items-center">
                  <input type="checkbox" id="notify-comment" checked class="mr-2">
                  <label for="notify-comment">有人评论我的作品时通知我</label>
                </div>
              </div>
              
              <button class="bg-cinnabar text-rice px-6 py-3 rounded-full hover:bg-opacity-90 transition-all duration-300">
                保存设置
              </button>
            </div>
          </div>
        </div>
      </section>
    </div>
  </main>
  <script>
    // 标签页切换功能
    $('.tab-button').click(function() {
      // 移除所有活动状态
      $('.tab-button').removeClass('active text-cinnabar border-b-2 border-cinnabar').addClass('text-lightink hover:text-ink');
      $('.tab-content').removeClass('active');
      
      // 添加当前活动状态
      $(this).addClass('active text-cinnabar border-b-2 border-cinnabar').removeClass('text-lightink hover:text-ink');
      const tabId = $(this).data('tab');
      $(`#${tabId}`).addClass('active');
    });
  </script>
<?php $_template = new Smarty_Internal_Template("v2/footer.html", $_smarty_tpl->smarty, $_smarty_tpl, $_smarty_tpl->cache_id, $_smarty_tpl->compile_id, null, null);
 echo $_template->getRenderedTemplate();?><?php $_template->updateParentVariables(0);?><?php unset($_template);?>
